//用jQuery 引入jQuery
//1. AMD  2.CommonJS 3.ES6

import $ from "jquery"

// 在使用webpack时，如果需要用到css 图片等其他资源文件，我们需要在
//　文件中　通过模块引入的方式将其引入

// import "./index.css"
// You may need an appropriate loader to handle this file type.
// 你需要一个合适的加载器来处理当前这种文件类型
// 遇到这个错误，就说明，我们需要配置loader了。
// 1. 确定需要用到的加载器 style-loader css-loader
// 2. 安装加载器
// 3. 在配置文件中进行配置

// Module build filed： Error: Cannot find module "xxx"
// 在确保自己安装的node没问题的情况下，只需要执行一步
// npm install xxx -D

import "./index.less"
// less用到的加载器是less-loader    需要依赖项less

import "bootstrap/dist/css/bootstrap.css"
// 字体文件用到的加载器是file-loader

$(function(){
    $("li:odd").css("background-color", "green");
    $("li:even").css("background-color", "pink");
})


var obj = {
    name: "",
    age: 18
}

var obj1 = {
    ...obj,
    gender: "male"
}

class Person{
    
}

// 如果需要将es6代码转换成对应的es5的代码或者更低版本的代码
// 需要为js文件配置一个加载器  babel-loader 
// 1. 安装babel-loader
// 2. 配置加载器
// 3. 安装babel的转码规则
// 4. 配置转码规则（.babelrc）